<html>
    <head>
        <link type="text/css" rel="stylesheet" href="../css/style.css"/>
        <title>Module Revealed Pattern</title>
        <script type="text/javascript" src="ModuleRevealed.js"></script>
        <style type="text/css">
            #test
            {
                margin-left: 40px;
            }
            #test span
            {
                margin-right: 10px;
            }
        </style>
    </head>
   <body>
        <div id="source">
            <h2>Source</h2>
            <pre>
    ModuleRevealed.init(document.getElementById('test'));
            </pre>
        </div>
        <div id="console">
            <h2>Console</h2>
            <div id="test"></div>
            <ul></ul>
            <h1>Module Revealed</h1>
        </div>
        <script type="text/javascript" src="../js/utils.js"></script>
        <script type="text/javascript">
           ModuleRevealed.init(document.getElementById('test'));
        </script>
    </body>
</html>